/*********************************************************************/
/* © Gayar Ti' Tang - 07/05/2024 - 6.01                              */
/*                                                                   */
/* Style par défaut des éléments du Moteur XLM                       */
/*********************************************************************/

/*** Document (HTML) ***/
html {
    height: 100vh;
    width: 100vw;
}


/*** Corps du document (Body) ***/
body.Tang_Document {
	display: block;
	position: static;
	clear: both;
	width: 100vw;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
}

body.Tang_DocumentBox {
	height: 100vh;
}


/*** Bulles Tooltip de Bootstrap ***/
.tooltip-main {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: left;	/* Important */
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-weight: 700;
	background: #f3f3f3;
	border: 1px solid #737373;
	color: #737373;
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 4px 121px 0 5px;	/* haut droite bas gauche */
	float: right;
}
.tooltip-qm {
	float: left;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: -2px 0px 3px 4px;	/* haut droite bas gauche */
}
.tooltip-inner {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: left;
	max-width: 350px;	/* Important */
	padding: 7px 7px 7px 7px;	/* haut droite bas gauche */
	background: #ffffff;
	color: rgb(0, 0, 0, .7);
	border: 1px solid #737373;
}
.tooltip.show {
	opacity: 1;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
	border-bottom-color: #737373;
}
.bs-tooltip-top .arrow::before {
	border-top-color: #737373;
}


/*** Boîtes de dialogue AlertifyJS ***/
div.alertify div.ajs-header {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify div.ajs-body {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify div.ajs-content {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify div.ajs-footer {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify div.ajs-auxiliary.ajs-buttons {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify div.ajs-primary.ajs-buttons {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify button.ajs-button.btn.btn-primary {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}
div.alertify button.ajs-button.btn.btn-danger {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
}


/*** Icones (Span) ***/


/*** Page (Div) ***/
div.container-fluid {
	padding: 0px 4.0% 0px 4.0%;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
}


/*** Conteneurs Row, Col, Div, Box (Div, Header, Footer, A) ***/
div.row, header.row, footer.row {
	font-size: 0px;
}

div.Tang_Div {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
a.Tang_Div:link, a.Tang_Div:visited {
	text-decoration: none;
}
a.Tang_Div:hover , a.Tang_Div:active {
	text-decoration: none;
}

div.Tang_Box {
	display: block;
	position: absolute;
	clear: both;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
a.Tang_Box:link, a.Tang_Box:visited {
	text-decoration: none;
}
a.Tang_Box:hover , a.Tang_Box:active {
	text-decoration: none;
}


/*** Alignements des conteneurs Row, Col, Div, Box ***/
/* A partir de petits appareils XS */
.align-gauche {text-align: left;}
.align-droite {text-align: right;}
.align-centre {text-align: center;}
.align-justifie {text-align: justify;}
.align-herit {text-align: inherit;}

/* A partir de moyens appareils SM */
@media (min-width: 576px) {
    .align-sm-gauche {text-align: left;}
    .align-sm-droite {text-align: right;}
    .align-sm-centre {text-align: center;}
    .align-sm-justifie {text-align: justify;}
    .align-sm-herit {text-align: inherit;}
}

/* A partir de grands appareils MD */
@media (min-width: 768px) {
    .align-md-gauche {text-align: left;}
    .align-md-droite {text-align: right;}
    .align-md-centre {text-align: center;}
    .align-md-justifie {text-align: justify;}
    .align-md-herit {text-align: inherit;}
}

/* A partir de très grands appareils LG */
@media (min-width: 992px) {
    .align-lg-gauche {text-align: left;}
    .align-lg-droite {text-align: right;}
    .align-lg-centre {text-align: center;}
    .align-lg-justifie {text-align: justify;}
    .align-lg-herit {text-align: inherit;}
}

/* A partir de très grands appareils XL */
@media (min-width: 1200px) {
    .align-xl-gauche {text-align: left;}
    .align-xl-droite {text-align: right;}
    .align-xl-centre {text-align: center;}
    .align-xl-justifie {text-align: justify;}
    .align-xl-herit {text-align: inherit;}
}

/* A partir de très grands appareils XXL */
@media (min-width: 1400px) {
    .align-xxl-gauche {text-align: left;}
    .align-xxl-droite {text-align: right;}
    .align-xxl-centre {text-align: center;}
    .align-xxl-justifie {text-align: justify;}
    .align-xxl-herit {text-align: inherit;}
}


/*** Objets AdSense (Ins) ***/
ins.Tang_AdSense {
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
}


/*** Objets BarreMac (Div, A, Img) ***/
div.Tang_BarreMacTable {
	display: table;
	position: static;
	clear: both;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
}
div.Tang_BarreMacRow{
	display: table-row;
	position: static;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div.Tang_BarreMacColumn{
	display: table-column;
	position: static;
	float: left;
	height: 100%; 
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
img.Tang_BarreMac {
	display: block;
	position: static;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	border: none;
}


/*** Objets Bouton (A, Div) ***/
a.Tang_Bouton {
	display: inline-block;
	position: static;
	clear: both;
	width: 100%;
	max-width: 100%;
	height: 20px;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: inherit;
	color: #000000;
}
a.Tang_Bouton:link, a.Tang_Bouton:visited {
	text-decoration: none;
}
a.Tang_Bouton:hover , a.Tang_Bouton:active {
	text-decoration: none;
}
div.Tang_Bouton {
	display: inline-block;
	position: static;
	clear: both;
	width: inherit;
	max-width: 100%;
	height: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
	color: inherit;
	margin: 0 auto;
	padding: 0px; 
	overflow: hidden;
	white-space: nowrap;
}


/*** Objets Cookies () ***/
div.Tang_Cookies, a.Tang_Cookies {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: inherit;
	color: #000000;
}
a.Tang_Cookies {
	display: inline;
	clear: none;
}
a.Tang_Cookies:link, a.Tang_Cookies:visited  {
	text-decoration: none;
}
a.Tang_Cookies:hover, a.Tang_Cookies:active {
	text-decoration: underline;
}


/*** Objets Diaporama (Div, Img) ***/
div#Tang_Diaporama {
	display: none;
	position: absolute;
	clear: both;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
div#Tang_DiaporamaFond {
	display: block;
	position: absolute;
	clear: both;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
	background-color: #bbbbbb;
	opacity: 0.9; filter: alpha(opacity=90);
}
img#Tang_DiaporamaPhoto {
	display: block;
	position: absolute;
	width: 100px;
	height: 50px;
	left: 50px;
	top: 50px;
	max-width: 100%;
	margin: 0 auto;
	border: none;
	box-shadow: 1px 1px 12px #333333;
}
div#Tang_DiaporamaFlecheG, div#Tang_DiaporamaFlecheD {
	display: block;
	position: absolute;
	clear: both;
	width: 30px;
	height: 90px;
	left: 0px;
	top: 0px;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
img#Tang_DiaporamaFlecheGImg, img#Tang_DiaporamaFlecheDImg {
	display: inline-block;
	position: static;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	border: none;
}


/*** Objets EnvoiMessage (Div, Label, Input, Textarea) ***/
div.Tang_EnvoiMessageTable {
	display: table;
	position: static;
	clear: both;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
}
div.Tang_EnvoiMessageRow {
	display: table-row;
	position: static;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div.Tang_EnvoiMessageHautVide {
	height: 10px;
}
div.Tang_EnvoiMessageHautInput {
	height: 29px;
}
div.Tang_EnvoiMessageHautTextarea {
	height: 120px;
}
div.Tang_EnvoiMessageHautBouton {
	height: 30px;
}
div.Tang_EnvoiMessageColumn {
	display: table-column;
	position: static;
	float: left;
	height: inherit;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: left;
	color: #000000;
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
}
label.Tang_EnvoiMessageLabel {
	position: static;
	float: left;
	width: 100%;
	height: 25px;
	white-space: nowrap;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
	color: inherit;
	margin: 2px 0px 2px 0px;	/* haut droite bas gauche */
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
}
input.Tang_EnvoiMessageInput {
	position: static;
	float: left;
	width: 100%;
	height: 25px;
	white-space: nowrap;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
	color: inherit;
	border: 1px solid #b4b4b4;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
	margin: 2px 0px 2px 0px;	/* haut droite bas gauche */
	padding: 3px 3px 3px 3px;	/* haut droite bas gauche */
}
textarea.Tang_EnvoiMessageTextarea {
	position: static;
	float: left;
	width: 100%;
	height: 118px;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
	color: inherit;
	border: 1px solid #b4b4b4;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
	resize: none;
	margin: 0px 0px 2px 0px;	/* haut droite bas gauche */
	padding: 3px 3px 3px 3px;	/* haut droite bas gauche */
}
input.Tang_EnvoiMessageBouton {
	display: inline-block;
	width:100%;
	height: 26px;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: center;
	color: #222222;
	border: 1px solid #7e7e7e;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #dddddd;
	margin: 2px 0px 2px 0px;	/* haut droite bas gauche */
	padding: 3px 3px 3px 3px;	/* haut droite bas gauche */
}


/*** Objets Facebook (Div) ***/
div.Tang_Facebook {
	border: none;
}


/*** Objets Icone (Span) ***/
span.Tang_Icone {
	display: inline;
	position: static;
	border: none;
	font-size: inherit;
	color: inherit;
}


/*** Objets Image (Img) ***/
img.Tang_Image {
	display: inline-block;
	position: static;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	border: none;
}


/*** Objets Leaflet (Div) ***/
div.Tang_Leaflet {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}


/*** Objets Liens (Div, A) ***/
div.Tang_Liens {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: inherit;
	color: #000000;
}
a.Tang_Liens {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: inherit;
	text-align: inherit;
	color: inherit;
}
a.Tang_Liens:link, a.Tang_Liens:visited  {
	text-decoration: none;
}
a.Tang_Liens:hover, a.Tang_Liens:active {
	text-decoration: underline;
}


/*** Objets LigneVide (Div) ***/
div.Tang_LigneVide {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
	text-decoration: none;
	text-align: inherit;
}


/*** Objets Mail (Div, A) ***/
div.Tang_Mail {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: inherit;
	color: #000000;
}
a.Tang_Mail:link, a.Tang_Mail:visited  {
	text-decoration: none;
}
a.Tang_Mail:hover, a.Tang_Mail:active {
	text-decoration: underline;
}


/*** Objets Onglets (Div, Nav, A, Ul, Li, Select, Option) ***/
div.Tang_Onglets {
	display: block;
	position: relative;
	z-index: 500;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	overflow: visible;
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
}

div.Tang_Onglets > nav.zone {
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
}

div.Tang_Onglets > nav.zone > ul.ecran-grand {
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
	/* En fonction de la taille de l'écran :
	display: block;
	*/
}

div.Tang_Onglets > nav.zone > ul.ecran-grand > li {
	float: left;
	list-style: none;
	position: relative;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand li > ul.sous-menu {
	display: block;
	position: absolute;
	visibility: hidden;
	list-style: none;
	min-width: 200px;
	width: 200px;
	left: 0px;
	margin: 0;
	padding: 0;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand li:hover > ul.sous-menu {
	visibility: visible;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand li > ul.sous-menu li {
	margin-left: 0;
	float: none;
	position: relative;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand li > ul.sous-menu li ul {
	position: absolute;
	left: 144px;
	top: 0;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a {	/* Menus niveau 1 */
	display: block;
	padding: 0;
	cursor: pointer;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a {	/* Menus niveau 2 */
	display: block;
	height: 100%;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {	/* Menus niveau 3 */
	display: block;
	height: 100%;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
}

div.Tang_Onglets > nav.zone > ul.ecran-grand > li.parent > a i.fa-caret-down, div.Tang_Onglets > nav.zone > ul.ecran-grand > li.parent > ul a i.fa-caret-right {	/* Icone Flèches */
	position: absolute;
	top: 25%;
	right: 20px;
	speak: none;
	line-height: 1;
	font-size: 20px;
	margin-left: 5px;
	color: inherit;
}

div.Tang_Onglets > nav.zone > div.ecran-petit {
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
	/* En fonction de la taille de l'écran :
	display: none;
	*/
}

div.Tang_Onglets > nav.zone > div.ecran-petit > select.select-ios {	/* Select pour iOS et android */
    display: none;
    position: absolute;
	z-index: 500;
	width: 100%;
	opacity: 1;
}

div.Tang_Onglets > nav.zone > div.ecran-petit > a {	/* Menu */
	display: block;
	margin: 0 24px;
}
div.Tang_Onglets > nav.zone > div.ecran-petit > a:link, div.Tang_Onglets > nav.zone > div.ecran-petit > a:visited {
	text-decoration: none;
}
div.Tang_Onglets > nav.zone > div.ecran-petit > a:hover, div.Tang_Onglets > nav.zone > div.ecran-petit > a:active {
	text-decoration: none;
}

div.Tang_Onglets > nav.zone > div.ecran-petit > a.parent i.fa-bars {	/* Icone Menu */
	position: absolute;
	top: 25%;
	right: 20px;
	speak: none;
	line-height: 1;
	font-size: 20px;
	margin-left: 5px;
	color: inherit;
}

div.Tang_Onglets > nav.zone > div.ecran-petit > ul {
	display: none;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
}

div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li {
	list-style: none;
}

div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {	/* Sous-menu */
	display: block;
	margin: 0;
	padding: 0 10px;
}

/* Marges global */
div.Tang_Onglets > nav.zone > ul.ecran-grand {
	margin: 0px 5% 0px 5%;	/* haut droite bas gauche */
}

/* Bordures global */
div.Tang_Onglets {
	border-top: 1px solid #e0e0e0;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/* Bordures grand écran menu niveau 1 */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li {
	border-top: none;
	border-right: 1px solid #e1e1e1;
	border-bottom: none;
	border-left: 1px solid #f5f5f5;
}

/* Police global */
div.Tang_Onglets {
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-transform: none;
	/* En fonction de la taille de l'écran :
	font-size: 15px;
	*/
}

/* Police grand écran menu niveau 1 */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-align: center;
	text-transform: uppercase;
	/* En fonction de la taille de l'écran :
	font-size: 15px;
	*/
}

/* Police grand écran menu niveau 2 */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-align: center;
	text-transform: none;
	/* En fonction de la taille de l'écran :
	font-size: 14px;
	*/
}

/* Police grand écran menu niveau 3 */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-align: center;
	text-transform: none;
	/* En fonction de la taille de l'écran :
	font-size: 14px;
	*/
}

/* Police petit écran menu */
div.Tang_Onglets > nav.zone > div.ecran-petit > a {
	font-family: inherit;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	/* En fonction de la taille de l'écran :
	font-size: 15px;
	*/
}

/* Police petit écran sous-menu */
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
	font-family: inherit;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-transform: none;
	/* En fonction de la taille de l'écran :
	font-size: 15px;
	*/
}

/* Hauteur de ligne menu */
div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit, div.Tang_Onglets > nav.zone > div.ecran-petit > select.select-ios {
	height: 40px;
}

/* Hauteur de texte menu */
div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a {
	line-height: 40px;
}

/* Hauteur de texte sous-menu grand écran */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
	line-height: 15px;
}

/* Hauteur de texte sous-menu petit écran */
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
	line-height: 25px;
}

/* Couleur fond gris */
div.Tang_Onglets {
	text-decoration: none;
	color: #ffffff;
	background-color: #ebebeb;
}

/* Couleur menu gris */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a:visited,
div.Tang_Onglets > nav.zone > div.ecran-petit > a {
	text-decoration: none;
	color: #3c3c3b;
	background-color: #ebebeb;
}

/* Couleur sous-menu noir */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li:hover > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li:hover > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li:hover > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li:hover > a ,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li:hover > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li:hover > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li:hover > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li:hover > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li:hover > a:visited,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a:link, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #313131;
}

/* Couleur actif jaune */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif:hover > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif:hover > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif:hover > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif:hover > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif:hover > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif:hover > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif > a:visited,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif:hover > a,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif:hover > a:link, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif:hover > a:visited,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li.actif > a,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li.actif > a:link, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li.actif > a:visited {
	text-decoration: none;
	color: #3c3c3b;
	background-color: #ecce06;
}

/* Couleur survol bleu */
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li:hover > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li:hover > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif:hover > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li.actif:hover > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li:hover > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li:hover > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif:hover > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li.actif:hover > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li:hover > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li:hover > a:active,
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif:hover > a:hover, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li.actif:hover > a:active,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a:hover, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a:active,
div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li.actif > a:hover, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li.actif > a:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #1079be;
}


/*** Objets PHP (Div, ...) ***/


/*** Objets Sep (Hr) ***/
hr.Tang_Sep {
	display: block;
	clear: both;
	height: 1px;
	color: #000000;
	margin: 10px 0px 10px 0px;	/* haut droite bas gauche */
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
}


/*** Objets Slideshow (Div) ***/
div.Tang_Slideshow {
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
div.Tang_Slideshow img {
	display: block;
	position: absolute;
	height: 100%;
	top: 0px;
	margin: 0 auto;
	border: none;
	overflow: hidden;
}


/*** Objets Texte (Div, Article, Span, A) ***/
div.Tang_Texte, article.Tang_Texte, span.Tang_Texte, a.Tang_Texte {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: inherit;
	color: #000000;
}
span.Tang_Texte, a.Tang_Texte {
	display: inline;
	clear: none;
}
a.Tang_Texte:link, a.Tang_Texte:visited  {
	text-decoration: none;
}
a.Tang_Texte:hover, a.Tang_Texte:active {
	text-decoration: underline;
}


/*** Objets Titre (H1, H2, H3, H4, H5, H6) ***/
h1.Tang_Titre, h2.Tang_Titre, h3.Tang_Titre, h4.Tang_Titre, h5.Tang_Titre, h6.Tang_Titre {
	display: block;
	position: static;
	width: 100%;
	margin: 0px;
	padding: 0px; 
	font-family: Comic Sans MS, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: inherit;
	color: #000000;
}


/*** Objets Youtube (Div, Iframe) ***/
div.Tang_Youtube {
	display: block;
	position: static;
	clear: both;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
iframe.Tang_Youtube {
	display: inline-block;
	position: static;
	width: 100%;
	height: 100%;
}


/*** Objets ZoneJS (Div) ***/
div.Tang_ZoneJS {
	display: inline-block;
	position: relative;
	clear: both;
	width: 100%;
	aspect-ratio: 1.5;
	margin: 0;
	padding: 0;
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
	background-color: #dddddd;
}


/*** Animations ***/


/*** Responsive design : Très grands appareils XXL (fond vert) ***/
div.Tang_Onglets > nav.zone > ul.ecran-grand {
	display: block;
}
div.Tang_Onglets > nav.zone > div.ecran-petit {
	display: none;
}
div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
	font-size: 15px;
}
div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
	font-size: 14px;
}

/*** Responsive design : Très grands appareils XL (fond bleu) ***/
@media (max-width: 1399.98px) {
	div.Tang_Onglets > nav.zone > ul.ecran-grand {
		display: block;
	}
	div.Tang_Onglets > nav.zone > div.ecran-petit {
		display: none;
	}
	div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
		font-size: 14px;
	}
	div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
		font-size: 13px;
	}
}

/*** Responsive design : Grands appareils LG (fond blanc) ***/
@media (max-width: 1199.98px) {
	div.Tang_Onglets > nav.zone > ul.ecran-grand {
		display: block;
	}
	div.Tang_Onglets > nav.zone > div.ecran-petit {
		display: none;
	}
	div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
		font-size: 13px;
	}
	div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
		font-size: 12px;
	}
}

/*** Responsive design : Moyens appareils MD (fond jaune) ***/
@media (max-width: 991.98px) {
	div.Tang_Onglets > nav.zone > ul.ecran-grand {
		display: none;
	}
	div.Tang_Onglets > nav.zone > div.ecran-petit {
		display: block;
	}
	div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
		font-size: 12px;
	}
	div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
		font-size: 11px;
	}
}

/*** Responsive design : Petits appareils SM (fond rose) ***/
@media (max-width: 767.98px) {
	div.Tang_Onglets > nav.zone > ul.ecran-grand {
		display: none;
	}
	div.Tang_Onglets > nav.zone > div.ecran-petit {
		display: block;
	}
	div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
		font-size: 11px;
	}
	div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
		font-size: 10px;
	}
}

/*** Responsive design : Très petits appareils XS (fond gris) ***/
@media (max-width: 575.98px) {
	div.Tang_Onglets > nav.zone > ul.ecran-grand {
		display: none;
	}
	div.Tang_Onglets > nav.zone > div.ecran-petit {
		display: block;
	}
	div.Tang_Onglets, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > a, div.Tang_Onglets > nav.zone > div.ecran-petit > a, div.Tang_Onglets > nav.zone > div.ecran-petit > ul > li > a {
		font-size: 10px;
	}
	div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > a, div.Tang_Onglets > nav.zone > ul.ecran-grand > li > ul.sous-menu > li > ul.sous-menu > li > a {
		font-size: 9px;
	}
}